﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; Charset=utf8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

    <title>{{.Article.Title}}</title>

    {{template "comm/link.html"}}

{{/*    <script src="/static/js/showdown.min.js"></script>*/}}

    <!-- 本页样式表 -->
    <link href="/static/css/detail.css" rel="stylesheet" />

    <link rel="stylesheet" href="/static/css/typo.css">
    <!--语法高亮-->
    <link rel="stylesheet" href="/static/css/prism.css">

    <style>
        hr {
            border: none;
            border-bottom: 1px solid #cfcfcf;
            margin-bottom: 0.8em;
            height: 1px !important;
            margin: 5px 0 !important;
        }
    </style>
</head>
<body>
    <!-- 导航 -->
    {{template "comm/nav.html" .}}

    <!-- 主体（一般只改变这里的内容） -->
    <div class="blog-body">
        <div class="blog-container">
            <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="/" title="网站首页">网站首页</a>
                <a href="/home/article" title="文章专栏">文章专栏</a>
                <a><cite>{{.Article.Title}}</cite></a>
            </blockquote>
            <div class="blog-main">

                <div class="blog-main-left typo" style="width: 100%">

{{/*                    <input type="hidden" id="mdcontent" value="{{.Article.Content}}">*/}}

                    <div class="article-detail shadow typo">
                        <div class="article-detail-title">
                            {{.Article.Title}}
                        </div>
                        <div class="article-detail-info">
                            <span>编辑时间： {{dateformat .Article.CreatedAt "2006/01/02 15:04:05"}}</span>
                            <span>作者：tingyu</span>
                            <span>浏览量：{{.Article.PageView}}</span>
                        </div>
                        <div class="article-detail-content">

                            <hr />
                            <div style="text-align:center;">
                                <!--黄色 #cab81a-->
                                <span style="color:#67b3ef;">概述</span> ：
                                {{.Article.Desc}}
                            </div>
                            <hr />

                            <div style="line-height: 2.5;">
                                <div id="artcontent" style="padding: 5px 10px;">
                                {{str2html .Article.Content}}
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 评论区域 -->
{{/*                    <div class="blog-module shadow" style="box-shadow: 0 1px 8px #a6a6a6;">*/}}
{{/*                        <fieldset class="layui-elem-field layui-field-title" style="margin-bottom:0">*/}}
{{/*                            <legend>来说两句吧</legend>*/}}
{{/*                            <div class="layui-field-box">*/}}
{{/*                                <form class="layui-form blog-editor" action="">*/}}
{{/*                                    <div class="layui-form-item">*/}}
{{/*                                        <textarea name="editorContent" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea layui-hide"></textarea>*/}}
{{/*                                    </div>*/}}
{{/*                                    <div class="layui-form-item">*/}}
{{/*                                        <button class="layui-btn" lay-submit="formRemark" lay-filter="formRemark">提交评论</button>*/}}
{{/*                                    </div>*/}}
{{/*                                </form>*/}}
{{/*                            </div>*/}}
{{/*                        </fieldset>*/}}
{{/*                        <div class="blog-module-title">最新评论</div>*/}}
{{/*                        <ul class="blog-comment">*/}}
{{/*                            <li>*/}}
{{/*                                <div class="comment-parent">*/}}
{{/*                                    <img src="/static/img/tingyu.jpg" alt="tingyu" />*/}}
{{/*                                    <div class="info">*/}}
{{/*                                        <span class="username">tingyu</span>*/}}
{{/*                                        <span class="time">2017-03-18 18:46:06</span>*/}}
{{/*                                    </div>*/}}
{{/*                                    <div class="content">*/}}
{{/*                                        我为大家做了模拟评论功能！还有，这个评论功能也可以改成和留言一样，但是目前没改，有兴趣可以自己改*/}}
{{/*                                    </div>*/}}
{{/*                                </div>*/}}
{{/*                            </li>*/}}
{{/*                        </ul>*/}}
{{/*                    </div>*/}}
                </div>


                <div class="blog-main-right" style="width: 0">

                </div>

                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    {{template "comm/footer.html"}}

    <!--侧边导航-->
    {{template "comm/sidebar.html"}}

    <!--分享窗体-->
{{/*    {{template "comm/sharewindow.html"}}*/}}


    {{template "comm/script.html"}}


    <!-- 本页脚本 -->
    <script src="/static/js/detail.js"></script>

    <script src="/static/js/prism.js"></script>

    <!--Markdown转html-->
{{/*    <script>*/}}
{{/*        layui.use(['jquery', 'layer'], function() {*/}}
{{/*            var $ = layui.jquery*/}}

{{/*            var content = $("#mdcontent").val();*/}}
{{/*            var converter = new showdown.Converter();*/}}
{{/*            var htmlcontent  = converter.makeHtml(content);*/}}
{{/*            $("#artcontent").html(htmlcontent);*/}}
{{/*            $("#mdcontent").val("");*/}}
{{/*        })*/}}
{{/*    </script>*/}}

</body>
</html>